<div class="content-section introduction " >
  <div>
    <span class="feature-title">定位管理 | <small>实时监控</small> </span>
  </div>
</div>

<!--<img id="backgroundImg" src="./data/background_725x347.png"/>-->

<div class="content-section implementation GridDemo report">
  <div class="ui-g">
    <div class="ui-g-4 ui-fluid" style="display: none;">
      <div class="mysearch">
        <form>
          <div class="ui-g">
            <label class="ui-g-2 ui-sm-5 text-right">标签id:</label>
            <div class="ui-g-4  ui-sm-7 ui-fluid">
              <input pInputText type="text" name="cid" />
            </div>
            <label class="ui-g-2 ui-sm-5 ui-no-padding-left-15px text-right">访客姓名:</label>
            <div class="ui-g-4 ui-sm-7 ui-fluid  ui-no-padding-right-15px ">
              <input  pInputText type="text" name="status" />
            </div>
            <div class="ui-g-2"></div>
            <div class="ui-g-4 ui-sm-12">
              <div class="ui-g-6 ui-sm-12 option">
                <button pButton type="button" label="查询" ngClass="ui-sm-12" (click)="queryTagTreeData()" ></button>
              </div>
            </div>
            <div class="ui-g-6  ui-sm-7 ui-fluid">
              <input type="radio" name="optionsRadiosinline" id="optionsRadios3" value="option1" checked> 显示轨迹
            </div>
          </div>
        </form>
        <!--<form>
          <div class="form-group ui-fluid">
            <label class="col-sm-2  control-label ui-no-padding-right-15px">标签id：</label>
            <div class="col-sm-4">
              <input pInputText type="text"  name="label_id"  class="no-border"  readonly />
            </div>
          </div>
          <div class="form-group ui-fluid">
            <label class="col-sm-2  control-label ui-no-padding-right-15px">访客姓名：</label>
              <div class="col-sm-4">
                <input pInputText type="text"  name="name"  class="no-border"  readonly />
              </div>
          </div>
          <div class="form-group">
            <div class="col-sm-6">
              <button type="submit" class="btn btn-default">查询</button>
            </div>
            <div class="col-sm-6">
              <input type="radio" name="optionsRadiosinline" id="optionsRadios3" value="option1" checked> 显示轨迹
            </div>
          </div>
        </form>-->
      </div>
      <div>
        <p-tree [value]="orgs" selectionMode="checkbox" [(selection)]="selected" (onNodeExpand)="nodeExpand($event)" (onNodeCollapse)="nodeCollapse($event)" (onNodeSelect) = "NodeSelect($event)"></p-tree>
      </div>
    </div>
    <div class="ui-g-8">
      <div style="position:relative;width: 100%;height: 100%;display: inline-block;">
        <canvas #myCanvas width="1450" height="694" style="display:block;margin:20px auto;position: absolute;z-index: 10;"></canvas>
        <canvas #newCanvas width="1450" height="694" style="display:block;margin:20px auto;position: absolute;z-index: 0"></canvas>
      </div>
    </div>
  </div>
</div>
